
html,body{
    margin: 0;
    padding: 0;
}
body{
    --blue:#4C8DEB;
    --hei1:#383838;
    --hei2:#666;
    // font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-family: 'Microsoft YaHei', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: lighter;
    color:var(--hei1);
}
ul,ol{
    list-style: none;
    padding: 0;
}
a{
    color: inherit;
    text-decoration: none;
}
.sub_title{
    font-size: 14px;
    text-align: center;
    color: #999;
}
.overflow_txt{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.diy_btn{
    width:265px;
    line-height: 40px;
    font-size: 18px;
    background: #fff;
    color:var(--blue);
    a{
        text-decoration: none;
    }
}
.around{
    justify-content: space-around;
}
.between{
    justify-content: space-between
}
.m20{
    margin: 20px auto;
}

.fff{
    color: #fff;
}
.hei1{
    color:var(--hei1);
}
.hei2{
    color:var(--hei2);
}
.flex{
    display: flex;
}
.clear{
    clear: both;
}
.none{
    display: none;
}
h1,h2,h3,h5{
    font-weight: lighter;
    color:var(--hei1);
    
}
section{
    padding: 30px 0 50px;
    &>h2{ text-align: center; }
    &>h5{
        font-weight: lighter;
        color:var(--hei1);
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        margin-bottom: 50px;
    }
}
section:nth-child(odd){
    background: #FCFDFF;
}
section:nth-child(even){
    background: #f9f9f9;
}



.dialog{
    width:100%;
    height: 100vh;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    position:fixed;
    z-index: 100;
    .box{
        position:fixed;
        width:580px;
        height: 400px;
        left: 0;right: 0;
        bottom: 0;top: 0;
        margin: auto;
        background: #fff;
        border-radius: 6px;
        .close{
            position:absolute;
            right: 10px;
            top: 10px;
            height: 30px;
            width:30px;
            cursor: pointer;
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            background: red;
            font-weight: lighter;
            border-radius: 50%;
            text-decoration: none;
        }
        h3{
            text-align: center;
            line-height: 80px;
            font-size: 20px;
            font-weight: bolder;
        }
        
    }
}